<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>图书检索系统</title>
<link type="text/css" rel="stylesheet"
	href="../resources/queryresult/style.css">
<link type="text/css" rel="stylesheet"
	href="../resources/queryresult/mylib.css" />
<link type="text/css" rel="stylesheet"
	href="../resources/queryresult/ui-lightness/jquery-ui-1.8.13.custom.css">
<script type="text/javascript"
	src="../resources/queryresult/jquery.1.7.1.min.js"></script>
<script type="text/javascript"
	src="../resources/queryresult/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript"
	src="../resources/queryresult/highlighter.js"></script>
</head>
<body>
	<div id="header_opac">
		<h1 class="header_opac_img">
			<div class="header_opac_logo">
				图书馆管理系统<br> //图书检索系统
				<p>Online Public Access Catalogue</p>

			</div>
		</h1>
		<div class="header_right header_right_top">
			<p class="header_right_font"></p>
			<p style="margin-top: 60px;" class="header_right_font">
				<font color="blue"></font> <a href="../user/tologin.action"
					style="color: #ff0000;">登录</a>
			</p>
		</div>
	</div>
	<div id="menubar">
		<ul id="menu_top">
			<li><a class="menu_top_on" style="color: #6C5B23;"
				href="../user/toquery2.action" target="_self">书目检索</a></li>
			<li><a href="mylibrary.action" target="_self">我的图书馆</a></li>
			<div class="clear"></div>
		</ul>
	</div>
	<div id="submenu">


		<div class="clear"></div>
	</div>


	<style type="text/css">
.prompt {
	position: relative;
	border: 1px dot #EDD28B;
	background: #FFFDEE;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
	border-radius: 1px;
	padding: 9px;
}

.tooltip s {
	margin-left: 2px;
	border: 4px dashed;
	border-color: #005A9D transparent transparent;
	border-top-style: solid;
}

.tooltip s,.tooltip i {
	display: inline-block;
	line-height: 0;
	font-size: 0;
	height: 0;
	overflow: hidden;
	vertical-align: middle;
}
</style>
	<div id="mainbox">
		<div id="container">
			<div id="sidebar"></div>

			<div id="content">
				<div class="book_article">
					<div class="search_form bulk-actions">
						<p style="font-size: 14px;">
							检索到 <strong class="red">${numOfResult }</strong> 条 ${searchType }=&nbsp;<font
								color="red">${searchText }</font> 的结果

						</p>
					</div>



					<div class="search_form bulk-actions">


						<form action="../books/toquery.action" method="get" name="f"
							onsubmit="return chkForm(this)" id="f">
							<select class="option" name="strSearchType" size="1"
								style="width: 100px;">
								<option value="bookname">书&nbsp;&nbsp;名</option>
								<option value="author">作者</option>
								<option value="isbn">ISBN</option>
								<option value="callno">索书号</option>
								<option value="publisher">出版社</option>
							</select> <input type="hidden" id="historyCount" name="historyCount"
								value="1"> <input style="width: 34%;" type="text"
								size="45" name="strText" id="strText" value=""> <input
								type="submit" class="btn btn-primary" value="重新检索" size="30">

							<br>



						</form>






					</div>




				</div>

				<div class="book_article">
					<br />
				</div>


				<div class="book_article">
					<ol id="search_book_list">
						<c:forEach items="${booklist}" var="i" varStatus="go">
							<li class="book_list_info">
								<h3>
									<span>中文图书</span><a
										href="../books/bookitem.action?booksModel.callno=${i.callno}">${go.count }.${i.bookName}&nbsp;${i.callno}</a>
								</h3>
								<p>
									<span>馆藏复本：${i.numOfBorrowAbled } <br>
										可借复本：${i.numOfAtLibrary}
									</span> ${i.author} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font color="#FF0033"></font>
									<br /> ${i.publish} <br />
								</p>
								<div id="detail0000786810" style="display: none;">加载中...</div>
							</li>
						</c:forEach>
					</ol>

					<div class="clear"></div>
				</div>
				<div class="book_article numstyle"></div>
				<hr style="background-color: green; size: 2px;" />
				<div class="clear"></div>
			</div>
		</div>
		<div class="go_top_r">
			<a href="javascript:;" onclick="javascript:scroll(0,0);"><img
				alt="返回顶部" title="返回顶部" src="../resources/queryresult/top.png"></a>
		</div>

	</div>

	<script type="text/javascript">
<!--
	$("#dict").load("ajax_dict.php?type=title&q=java");
	MarkHighLight(document.getElementById("content"),'java');
	
	function showDetail(marcNo){
		$("#detail" + marcNo).load("ajax_item.php?marc_no=" + marcNo);	
		$("#detail" + marcNo).addClass("prompt");
		$("#detail" + marcNo).show();
	}
	
	function hideDetail(marcNo){
		$("#detail" + marcNo).hide();
	}
	
	function my_submit(search_type){
	    var s_text = document.getElementById('s2_text').value;
	    if(s_text.replace(/(\s*$)/g, "")==""){
	        alert('请输入检索词');
	        return;
	    }
	    document.getElementById('search_bar').value = search_type;
	    document.forms.f.submit();
    }

	$("#ebook").load("ajax_ebook.php?total=&match=forward&type=title&q=java&start=1",
			function(html){
			   	MarkHighLight(document.getElementById("ebook"),'java');
			}
		);
		
	var ebookpage = 1;	
	function showEbook(page){
		ebookpage = ebookpage + page;
		$("#ebook").load("ajax_ebook.php?total=&match=forward&type=title&q=java&start=" + ebookpage,
		   function(){
		   	MarkHighLight(document.getElementById("ebook"),'java');
		   });
	}
	
	if (document.documentElement.clientHeight < document.documentElement.offsetHeight - 6) {
		$(".go_top_r").show();
	}else{
		$(".go_top_r").hide();
	}
	
-->
<script type="text/javascript">
<!--
	var bShow = false;
	
	function input_me(str){
		$("#strText").val(str);
		$("#historyCount").val("0"); 
		document.f.submit(); 
	}

	function showMore(){
		bShow = !bShow;
		if(bShow){
			$("#btnShowMore").val("取消限制");
			$("#location").val('ALL');
		}else{
			$("#btnShowMore").val("更多限制");
		}
		$("#child1").toggle(bShow);
	}
	
 	$(function(){
		$("#topten").load("ajax_topten.php");
		$("#top_lend_shelf").load("ajax_top_lend_shelf.php");
		$.get("ajax_topkeywords.php",function(taglist){
			var attributes = {'allowScriptAccess':'always','wmode':'transparent','id':'swf'};
		    var flashvars = { 'mode' : 'tags', 'distr' : 'false', 'tcolor' : '0x00ff00', 'hcolor' : '0x000000',  'speed' : 50 };
		    flashvars["tagcloud"] = "<tags>" + taglist + "</tags>";
		    swfobject.embedSWF("../tpl/opac/tagcloud.swf", "swf", 250, 200, '10', '', flashvars, {}, attributes);
		});
		
		$("#child1").hide();
		$("#location").val('ALL');
		
	});
 	 
    function chkForm(theForm){
      if (theForm.strText.value=="") {
        alert("［查询内容］不能为空");
        theForm.strText.focus();
        return (false);
      }
    }
    
</script>
	</script>
</body>
</html>
